.content{
  width:100%;
  .content-top{
    width:100%;
    position:relative;
    .banner{
      width:100%;
    }
    .text{
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      h2,h3{
        font-family: MicrosoftYaHeiLight;
        font-size: 36px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 36px;
        letter-spacing: 3px;
        color: #ffffff;
        text-align:center;
      }
      h3{
        margin-top:30px;
      }
    }
  }
  .content-bottom{
    width: 100%;
    background:#f5f5f5;
    .content-bottom-main{
      width: 1048px;
      margin:0 auto;
      text-align:center;
      padding-top:40px;
      h1{
        font-family: MicrosoftYaHei;
        font-size: 20px;
        color: #333333;
        margin:0 0 26px 0;
      }
      em{
        display:block;
        width: 26px;
        height: 3px;
        background-color: #333333;
        margin:0 auto;
      }
      h5{
        font-family: MicrosoftYaHei;
        font-size: 12px;
        color: #999999;
        margin:25px 0 45px 0;
      }
      .project-item{
        width: 100%;
        height: 316px;
        background-color: #ffffff;
        .project-item-left{
          width:46%;
          float:left;
          position:relative;
          .project-img{
            width: 437px;
            height: 280px;
            margin:18px 30px 18px 18px;
          }
          .status{
            position:absolute;
            top: 25px;
            left: 18px;
            span{
              display:block;
              text-align:center;
              font-family: MicrosoftYaHeiLight;
              font-size: 14px;
              color: #ffffff;
              position:absolute;
              top:0;
              width: 100%;
            }
          }
        }
        .project-item-right{
          width:54%;
          float:left;
          .right-top{
            margin:20px 28px 0 0;
            h3{
              font-family: MicrosoftYaHei;
              font-size: 20px;
              color: #000000;
              float:left;
            }
            a{
              display:block;
              float:right;
              width: 148px;
              height: 38px;
              background-color: #333333;
              border-radius: 3px;
              text-align:center;
              line-height:38px;
              color:#fff;
            }
          }
          .right-middle{
            margin:25px 28px 0 0;
            .middle-item{
              width: 175px;
              height: 70px;
              background-color: #f8f8f8;
              float:left;
              margin-bottom:5px;
              span{
                display:inline-block;
                width:100%;
                text-align:center;
                font-family: MicrosoftYaHei;
                font-size: 14px;
                color: #f0414c;
                margin:15px 0 5px 0;
              }
              i{
                display:inline-block;
                width:100%;
                text-align:center;
                font-family: MicrosoftYaHei;
                font-size: 12px;
                color: #999999;
                font-style:normal;
              }
            }
            .middle-item-center{
              margin:0 5px;
            }
          }
          .right-bottom{
            width:100%;
            padding-top: 20px;
            line-height: 20px;
            p{
              font-family: MicrosoftYaHei;
              font-size: 12px;
              color: #666666;
              text-align:left;
            }
          }
        }
      }
    }
  }
}